<!-- template必须, 只能有一个根标签, 影响渲染到页面的标签结构 -->
<template>
  <div>
    <img v-bind:src="imgUrl" >
    <img :src="localImg">
  </div>
</template>

<!-- js相关 -->
<script>
import imgObj from "./assets/1.gif";//唯独js需要导入图片文件(css/标签里可以直接使用图片地址)
export default {
  data () {
    return {
      url:'http://www.baidu.com',
      imgUrl:'http://yun.itheima.com/Upload/./Images/20210412/60741c11ab77b.jpg',
      localImg:imgObj
    }
  }
}
</script>

<!-- 当前组件的样式, 设置scoped, 可以保证样式只对当前页面有效 -->
<style scoped>
</style>
